<template>
  <footer
    id="footer"
    class="footer"
  >
    <div class="grid_c1 footer_cont">
      <div class="footer_logo_container">
        <div class="footer_logo" />
        <span class="footer_designedby" />
      </div>
      <div class="footer_link_container">
        <div class="footer_link">
          <h3 class="footer_link_tit footer_link_tit1">相关资源</h3>
          <p>
            <a
              href="https://taro.jd.com/"
              class="link"
              target="_blank"
              rel="noopener noreferrer"
            >Taro</a>
          </p>
          <p>
            <a
              href="https://taro-ui.jd.com/"
              class="link"
              target="_blank"
              rel="noopener noreferrer"
            >Taro UI</a>
          </p>
          <p>
            <a
              href="https://at-ui.github.io/at-ui/#/zh"
              class="link"
              target="_blank"
              rel="noopener noreferrer"
            >At-UI</a>
          </p>
          <p>
            <a
              href="https://nerv.aotu.io/"
              class="link"
              target="_blank"
              rel="noopener noreferrer"
            >Nerv</a>
          </p>
          <p>
            <a
              href="https://athena.aotu.io/"
              class="link"
              target="_blank"
              rel="noopener noreferrer"
            >Athena</a>
          </p>
        </div>
        <div class="footer_link">
          <h3 class="footer_link_tit footer_link_tit2">社区</h3>
          <p>
            <a
              href="https://github.com/b2nil/taro-ui-vue3/issues"
              class="link"
              target="_blank"
              rel="noopener noreferrer"
            >GitHub</a>
          </p>
          <p>
            <a
              href="https://taro-club.jd.com"
              class="link"
              target="_blank"
              rel="noopener noreferrer"
            >Taro BBS</a>
          </p>
          <p class="footer_link_connect_wrap">
            <span class="footer_link_connect footer_link_wechat">
              微信
              <span class="wechat_qrcode_icon">
                <svg
                  class="icon svgicon"
                  t="1554966525626"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="2588"
                  data-spm-anchor-id="a313x.7781069.0.i0"
                >
                  <path
                    d="M240.071 241.095h59.278v59.278h-59.278v-59.278z"
                    fill
                    p-id="2589"
                  />
                  <path
                    d="M405.959 134.485h-272.611v272.611h106.723v47.445h59.278v-47.445h106.723v-59.278h47.445v-47.445h-47.445l-0.114-165.888zM346.795 347.819h-154.169v-154.055h154.055v154.055h0.114zM240.071 727.154h59.278v59.278h-59.278v-59.278zM726.016 241.095h59.278v59.278h-59.278v-59.278zM512.683 509.042v63.943h59.278v-59.165h47.445v-59.278h-47.445v-47.445h-59.278v101.945zM512.683 725.789v60.643h59.278v-106.723h47.445v-59.278h-106.723v105.358zM571.961 786.432h47.445v47.445h-47.445v-47.445zM453.405 833.877v59.165h118.557v-59.165h-118.557z"
                    fill
                    p-id="2590"
                  />
                  <path
                    d="M678.685 679.709h-59.278v106.723h106.61v-59.278h-47.331v-47.445zM726.016 893.042h166.002v-59.165h-106.723v-47.445h-59.278v106.61zM892.018 513.821v-59.278h-106.723v59.278h106.723zM832.739 727.154h59.278v59.278h-59.278v-59.278zM453.405 347.819h59.278v59.278h-59.278v-59.278zM726.016 454.542v-47.445h166.002v-272.611h-272.611v59.278h-106.723v47.445h106.723v59.165h-47.445v47.445h47.445v59.278h59.278v47.445h47.331zM678.685 193.763h154.055v154.055h-154.055v-154.055zM678.685 572.985h47.331v47.445h-47.331v-47.445zM785.294 679.709h-59.278v47.445h106.723v-106.723h59.278v-47.445h-106.723v106.723zM453.405 241.095h59.278v59.278h-59.278v-59.278zM299.349 513.821h47.445v59.165h-47.445v-59.165zM453.405 454.542h-106.61v59.278h59.165v59.165h47.445v-118.443z"
                    fill
                    p-id="2591"
                  />
                  <path
                    d="M405.959 786.432v-106.723h47.445v-59.278h-213.333v-106.61h-106.723v59.278h59.278v47.445h-59.278v272.611h272.611v-59.278h47.445v-47.445h-47.445zM346.795 833.877h-154.169v-154.169h154.055v154.169h0.114zM453.405 572.985h59.278v47.445h-59.278v-47.445zM619.406 513.821h59.278v59.165h-59.278v-59.165zM726.016 513.821h59.278v59.165h-59.278v-59.165z"
                    fill
                    p-id="2592"
                  />
                </svg>
              </span>
            </span>
            <span class="footer_link_wechat_img">
              <img
                src="https://camo.githubusercontent.com/10834a234b99a5880b5dff7c0ca7235e2a0772e7/687474703a2f2f696d6732302e333630627579696d672e636f6d2f7562612f6a66732f7432303139372f3238332f313638373136383837342f3133363034322f32623464383131662f35623330613635634e39643166303366312e706e67"
              />
            </span>
          </p>
        </div>
        <div class="footer_link">
          <h3 class="footer_link_tit footer_link_tit3">关于我们</h3>
          <p>
            <a
              href="https://aotu.io/"
              target="_blank"
              rel="noopener noreferrer"
            >凹凸实验室</a>
          </p>
          <p>
            <a
              href="https://aotu.io/join/"
              target="_blank"
              rel="noopener noreferrer"
            >加入我们</a>
          </p>
          <p>
            <a href="mailto:taro@jd.com?subject=【Taro 合作】合作标题">联系我们</a>
          </p>
        </div>
        <div class="footer_link">
          <h3 class="footer_link_tit footer_link_tit4">感谢</h3>
          <p>
            <a
              href="http://jdc.jd.com/"
              target="_blank"
              rel="noopener noreferrer"
            >用户体验设计部</a>
          </p>
          <p>
            <a
              href="https://github.com/nervjs/taro#%E8%B4%A1%E7%8C%AE%E8%80%85%E4%BB%AC"
              target="_blank"
              rel="noopener noreferrer"
            >Taro 贡献者们</a>
          </p>
        </div>
      </div>
    </div>
    <div class="copyright">
      <div class="in">Copyright © 2020. All Rights Reserved.</div>
    </div>
  </footer>
</template>

<script>
import "./PageFooter.scss"

export default {
  name: "PageFooter"
}
</script>
